nav {
  display: flex;
  justify-content: space-around;
  align-items: center;
  /*min-height: 8vh;*/
  background-color: #4b1a9e;
  /*padding-top: 15px;
  padding-bottom: 5px;*/
  text-transform: uppercase;
}

.logoNav {
  z-index: 2;
}
.logoNav img {
max-height: 80px; max-width:250px
}

.navLinks {
  display: flex;
  justify-content: space-evenly;

  width: 500px;
  z-index: 10;
}

.navLinks a {
  text-decoration: none;
  color: white;
  letter-spacing: 3px;
  font-size: 14px;
  text-shadow: 2px 2px 8px black;
  font-weight: 300;
  transition: .5s;
}
.navLinks a:hover {color: #ffcc00; }
.navLinks li {list-style: none;}
.mobileMenu {display: none;z-index: 10;}
.mobileMenu div{
  width:25px;
  height: 2px;
  background-color:white;
  margin:5px;
}


@media only screen and (max-width: 768px) {
  body {overflow-x: hidden;}
  .navLinks {
    color:black;
    position: absolute;
    right: 0;
    height: 100vh;
    top: 0vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    transform: translateY(-100%);
    background-color: rgb(32, 3, 74);
    transition: transform 0.5s ease-in;
    justify-content: center;
  }
  .navLinks a{font-size: 1.5em;}
  .mobileMenu{display:block;}
  .logoNav {display:none;}
  .dropdown-content {position:relative !important;}
}


.mobileMenu-active {
  transform: translateX(0%);
  position:absolute;
  /*padding-bottom:5vh;
  padding-top: 5vh;*/
}

@keyframes navLinksFading {
  from{
    opacity: 0;
    transform: translateX(50px);
  }
  to{
    opacity: 1;
    transform: translateX(0px;)
  }
}


.menu-item-2 {
  text-align: center;
}

.dropdown-content {
  display: none;
  position: absolute;
  /*background-color: #f9f9f9;*/
  /*min-width: 160px;*/
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  /*padding: 12px 16px;*/
  /*z-index: 1;*/
  line-height: 2.5;
  pointer-events: none;


padding: 4px;


}
/*
.menu-item-2:focus-within .dropdown-content {
  display: grid;
  background-color: rgba(63, 0, 254, 0.52);
  pointer-events: all;
}*/
.dropDown {
  display: grid;
  background-color: rgba(0, 0, 0, 0.43);
  pointer-events: all;
  border-top: solid;
  border-bottom: solid;
  border-color: #fecb08;
  border-width:5px;
  font-size: .5em;
}

#banner-lineOne{
  font-family: 'Raleway', sans-serif;
  font-size: 1em;
  font-weight: 400;
}
#banner-lineTwo {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5em;
  color: #ffcc00;
  font-weight: 800;
}

#banner-lineOne, #banner-lineTwo {
    /*display:block;*/
    width: 10%;
    margin: auto;
}

#banner-balkan, #banner-giants {
    /*display:block;*/
    width: 10%;
    margin: auto;
}

.bannerContainer {
  box-sizing: border-box;
  margin: 0;
  overflow-x: hidden;
  height: 700px;
  display: flex;
  align-items: center;
  color: white;
  max-with:960px;
  padding-left:1rem;
  padding-right:1rem;
  margin:auto;
  text-align:center;
}

.full-screen-video-wrap {
  position:absolute;
  /*top:0;*/
  left:0;
  width:100%;
  height:700px;
  overflow:hidden;
}

.full-screen-video-wrap video {
  -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    /*
    filter: blur(5px) brightness(38%) contrast(57%) hue-rotate(235deg)*/;
}

.video-overlay {
  height: 700px;
  position:absolute;
  /*top:0;*/
  left:0;
  width:100%;
  background-image: linear-gradient(rgb(57, 1, 107),rgba(50, 0, 204, 0.38));
  background: rgba(42, 12, 72, 0.75);
  z-index:-0;
}

.banerContent {
  position: absolute;
  padding: 0 auto;
  margin: 0;
  width: 100%;
  margin: auto;
  right: 0;
  left: 0
}

.banner-img img{
  width: 16em;
padding-top: 40px;
padding: 50px;
 }
 .banner-img {  z-index: 1 !important;   position: relative; }



/*BALKAN GIANTS BANNER LOGO ANIMATION*/
#banner-img {
     animation:move 5s infinite ease-in-out;
 }

 @keyframes move{
0%{
 transform: scale(1) rotate(20deg);
}
  25%{
   transform: scale(1.01) rotate(10.1deg);
  }
50%{
 transform: scale(1.25) rotate(-20deg);
}
80%{
 transform: scale(1.01) rotate(5.1deg);
}
100%{
 transform: scale(1) rotate(380deg);
}
}
/*END OFF BALKAN GIANTS BANNER LOGO ANIMATION*/

@media only screen and (max-width: 1200px) {
  #banner-balkan {font-size: 1em;}
  #banner-giants {font-size: 2em;}
  .banerContent {
    padding-bottom: 10vh;
}
}







.FacebookAds2ColBackground h2 {
  text-transform: uppercase;
}

.col-img {
  overflow: visible;
  max-width: 30%;
}

.FacebookAds2ColBackground img {
  text-align: center;
  max-height: 100%;
  /*width: 100%;*/
  width: 180px;
  max-width: 100%;
}


.FacebookAds2ColBackground2 {
  border-radius: 5px;
  background: #d2c7ea;

  background: linear-gradient(90deg, rgb(236, 231, 243) 40%, rgb(255, 255, 255) 100%);
  font-align:left;
}
.FacebookAds2ColBackground {
  background: white;
}

@media only screen and (max-width: /*768px*/1000px) {
  .FacebookAds2ColBackground {
    display:flex;
    flex-direction: column-reverse;*/
  }
  .FacebookAds2ColBackground img {
    /*width: 100%;*/
    min-width: 140px;

  }

}

.FacebookAdsBlockExtraHead {
  text-align: center;
}
.FacebookAdsBlockExtraHead h2 {  color: #571bbc;}
.FacebookAdsBlockExtraHead h4 {
  font-size: .7em;
}

.FacebookAdsBlockExtraHead img {
  width: 400px;
  max-width: 90%;
}

.FacebookAdsBlockExtraRow1 * {
  display: inline;
}

.FacebookAdsBlockExtraFullWrap strong {
  /*color: #00a651;*/
  color: #3a0b75;
  text-decoration: underline;
}





/*----------------------
COLAPSABLE CSS*/
.FacebookAdsColapsableInfoWrapper fa, .FacebookAdsColapsableInfoWrapper h4 {
  display: inline;
}


.FacebookAdsColapsableInfoWrapper {
  /*margin: 10% auto;*/
  text-align: center;
  color: white;
  border-radius: 20px;
  overflow: hidden;


}

.FacebookAdsColapsableInfoWrapper ul{
  list-style: none;
  margin: 0;
  padding: 0;
}


.FacebookAdsColapsableInfoWrapper label{
  display: block;
  cursor: pointer;
  padding: 10px;
  border: 1px solid #fff;
  border-bottom: none;
    background: #571bbc;
}

.FacebookAdsColapsableInfoWrapper label:hover{
  background: #6920e4;
}

.FacebookAdsColapsableInfoWrapper label.last{
  border-bottom: 1px solid #fff;
}

.FacebookAdsColapsableInfoWrapper ul ul li{
  padding: 10px;
  color: #2f2f2f;
  padding: 20px;
  height: auto;
  height: 150px;
}

.FacebookAdsColapsableInfoWrapper input[type="checkbox"]{
  position: absolute;
  left: -9999px;
}

.FacebookAdsColapsableInfoWrapper input[type="checkbox"] ~ ul{
  height: 0;
  transform: scaleY(0);
}

.FacebookAdsColapsableInfoWrapper input[type="checkbox"]:checked ~ ul{
  height: 100%;
  transform-origin: top;
  transition: transform .2s ease-out;
  transform: scaleY(1);
}

.FacebookAdsColapsableInfoWrapper input[type="checkbox"]:checked + label{
  background: #6920e4;
  border-bottom: 1px solid #fff;
}
/*----------------------------*/

.FacebookAdsBlockExtraSteg1234 {
    /*padding: 20px;
    margin-top:50px;*/
}
.FacebookAdsBlockExtraSteg1234 em {
  font-size: 0.6rem;
    color: #2f2f2f;
    font-weight:300;
}

@media only screen and (max-width: /*768px*/1000px) {
  .FacebookAdsColapsableInfoWrapper ul ul li{
    padding: 10px;
    color: #2f2f2f;
    padding: 20px;
    height: auto;
    min-height: 250px;
  }
}
/*
@media only screen and (max-width: /*768px*/1000px) {
.c2aLeft h3 {display: none;}
}
*/

.c2a2Padding {/*DECLARING*/}

.c2a2Padding.topBottom100.fullWidth {
  padding-left: 25px;
  padding-right: 25px;
  background: #571bbc;
}

.c2a2Row h3 {

}
.c2a2Row .col .center h4 {
  /*color: #ff7700;
  color: #5f6060;*/
}

.c2a2Row {
  font-size: 1.2em;
  color: #ffffff;
  /*
  border: solid;
  border-width: 1px;
  background: #571bbc;
  border-color: rgba(0, 0, 0, 0.22);*/

  /* background-color: #6b0fce;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23efefef'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23f7f7f7'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg %3E%3Cg transform=''%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform=''%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  /* background by SVGBackgrounds.com */
  background-size: cover;
  background-position: center;*/
}

.c2aLeft {
  align-self: center;
}

.c2aRight {
  text-align: left !important;
  align-self: center;
}
.c2aRight img {
  max-width: 100%;
  height:300px;
  max-height: 500px;
  text-align:center;
}



.RelateradeTjansterWrap {
    padding: 20px;
    margin-top:50px;
}

.RelateradeTjansterWrap { font-size:1.2em; }



.AdministrationAndMarknadsforingImgCardsCardsNewRow {
  width: 100%;
  display: flex;
}

/*-------------------*/
.AdministrationAndMarknadsforingImgCardsCardsWrap {position:relative; color: white;}
.AdministrationAndMarknadsforingImgCardsCardsWrap .col {  /*margin: 20px;*/ padding: 0;  margin: 1px;}
/*.AdministrationAndMarknadsforingImgCardsCardsCard { border-radius: 15px;  -moz-border-radius: 15px;}*/
.AdministrationAndMarknadsforingImgCardsCardsCard img{height: 100%; max-height:250px;}


/*CENTER ALL TEXT*/ .AdministrationAndMarknadsforingImgCardsCardsCardText {position: absolute; width: 100%; height: 100%; display: grid; overflow: hidden; align-content: center;}

/*-------------------*/
/*--------------------
HEADLINE CSS */
.AdministrationHeadlineRow h2, .AdministrationHeadlineRow h4 {text-align: center;}
.AdministrationHeadline {font-size: 1.2em;}
.AdministrationHeadlineRow h2 {color: #571bbc;}
/*-------------*/

/*-------------------
CARD ANIMATION
*/
.AdministrationAndMarknadsforingImgCardsCardsCardText {color:white;  transition: .5s ease 0s; bottom:0%;
  	-webkit-transition: ease-out 0.3s;
  	-moz-transition: ease-out 0.3s;
  	-ms-transition: ease-out 0.3s;
  	-o-transition: ease-out 0.3s;
    transition: ease-out 0.3s;}

.AdministrationAndMarknadsforingImgCardsCardsCard:hover .AdministrationAndMarknadsforingImgCardsCardsCardText:not(:focus-within) {opacity: .6; bottom:100%;}
/*-------------------*/

.AdministrationAndMarknadsforingImgCardsCardsCard {
  /*border: 5px solid red;*/
  position: relative;
  overflow: hidden;
  text-align: center;
  background: radial-gradient(circle, rgba(1,0,4,0) 48%, rgba(159, 147, 179,0.4) 100%);
}

.AdministrationAndMarknadsforingImgCardsCardsCardText {
      background: #571bbc;
}

@media only screen and (max-width: /*768px*/1000px) {
  .AdministrationAndMarknadsforingImgCardsCardsFullWrap .col {
    font-size:.65em;
  }
  .AdministrationAndMarknadsforingImgCardsCardsWrap {
    min-width: 100vw !important;
    margin: 0 -25px;
    margin-top: 0px;
    width: auto;
  }
}@media only screen and (max-width: 768px) {
	.FooterRows{
		text-align: center !important;
	}
	.MainFooterWrap h5 {
		padding:20px;
	}
}

.fa-angle-double-right {display:none}

.MainFotterDarkenTop {
	height:50px;
	background-color: #2b2a2a;
	margin-bottom: 50px;
}

.MainFotterDarkenBottom {
	height:50px;
	/*background-color: #4b4b4b;*/
	margin-top: 50px;
}

.FooterList, FooterIconList {
	list-style:none;
	padding: 0;
}
.MainFooterWrap {
  background-color:#2f2f2f;
	color: white;
	margin-top: 8em;
  text-align: center;

}
.MainFooterWrap a {
	color: white;
	text-decoration: none;

}

.FooterList li {
	list-style: none !important;

}

.FooterListItem {
	display: block;
	padding: 0px;
	margin: 0px;

}

.FooterIconRow {
	padding-top:2em;
	padding-bottom:2em;
	font-size:2em;
}
.FooterListItem {
	display:inline;
	margin:2vw;
}

.FooterList li {
	padding-left:10px;
}



/*BODY BACKGRROUND*/
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  z-index: -1;
	/*background-color: #234;
  background-image: url(../media/bodyBG3.jpg);*/
  background-size: cover;
}









.stickyContactWrap {
  position: fixed;
  display:block;
  margin: 0 auto;
  padding: 0;
  /*top: 50%;*/
  right: 0;
  bottom:0;
  z-index: 100;

}

.stickyContactPhone:hover .fa:not(:hover), .stickyContactEmail:hover .fa:not(:hover), .fa:hover {
  color: white;
}

.stickyContactPhone:hover, .stickyContactEmail:hover {
    opacity: 1;
    background: gold;


}


.stickyContactPhone, .stickyContactEmail {
  background: white;
  padding:10px;
  margin-bottom: 10px;
  border-radius: 25px 0 0 25px;
  opacity: 0.3;
  height: 46px;
  width: 45px;
   background: #571bbc;
   display: block;
   text-decoration: none;
}

.stickyContactWrap img {
  height: 30px;
  width: 30px;
}

.fa {
  color:#ffff;
}

/*---------------------
ICON BAR TO RIGHT
*/
.stickyContactPhone {
  position:relative;
  right: -10px;
}
.stickyContactEmail {
  position:relative;
  right: -10px;
}
/*
###### HOVER
*/
.stickyContactPhone:hover {
  position:relative;
  right: 0;
}
.stickyContactEmail:hover {
  position:relative;
  right: 0;
}

/*-------------------*/